<template>
	<DocWrap>
		<DocCodepen>
			<UISvg name="cover-lock"></UISvg>
			<UISvg name="cover-lock" size="20"></UISvg>
			<UISvg name="cover-lock" :size="20"></UISvg>
			<UISvg name="cover-lock" :size="[100, 40]"></UISvg>
			<UISvg name="icon-bilibili"></UISvg>
			<UISvg name="loading-c-d"></UISvg>
			<UISvg name="loading-d-b"></UISvg>
			<UISvg name="loading-d-d"></UISvg>
			<UISvg name="loading-l-d"></UISvg>
			<UISvg name="mouse-scroll-down"></UISvg>
		</DocCodepen>
		<DocUse>
			<h3>props</h3>
			<el-table :data="propsData">
				<el-table-column prop="prop" label="属性" width="180" />
				<el-table-column prop="type" label="类型" width="180" />
				<el-table-column prop="exp" label="说明" />
			</el-table>
		</DocUse>
	</DocWrap>
</template>

<script setup>
	
	import DocWrap from '../../doc/wrap';
	import DocCodepen from '../../doc/codepen';
	import DocUse from '../../doc/use';
	import UISvg from '@/ui/svg';
	
	const propsData = [
		{
			prop: 'prefix',
			type: 'String(luo-svg_)',
			exp: '前缀'
		}, {
			prop: 'name',
			type: 'String',
			exp: 'svg文件名'
		}, {
			prop: 'size',
			type: 'String,Number,Array',
			exp: 'svg大小'
		}
	];
	
</script>

<style lang="scss" scoped>
</style>